<template>
  <div>
    <a-menu mode="horizontal" :default-selected-keys="['1']" style="padding: 0 5%">
      <a-menu-item key="0" :style="{ padding: 0, marginRight: '10px' }" disabled>
        <img src="../assets/logo-2.png" alt="logo" style="height: 50px;margin-top: 10px"/>
      </a-menu-item>
      <a-menu-item key="1"><icon-home />首页</a-menu-item>
      <a-menu-item key="2"><icon-star />工坊概况</a-menu-item>
      <a-menu-item key="3"><icon-desktop />课程思政</a-menu-item>
      <a-menu-item key="4"><icon-folder />项目介绍</a-menu-item>
      <a-menu-item key="5"><icon-tags />大赛简介</a-menu-item>
      <a-menu-item key="6"><icon-trophy />荣誉成果</a-menu-item>
      <a-menu-item key="7"><icon-user-group />工坊成员</a-menu-item>
      <a-menu-item key="8"><icon-user />指导教师</a-menu-item>
      <a-menu-item key="9"><icon-user-add />加入我们</a-menu-item>
      <a-menu-item key="10"><icon-folder-add />开源社区</a-menu-item>
    </a-menu>
    <div style="padding: 20px 10% 0 10%;">
      <router-view></router-view>
    </div>
  </div>
</template>

<script>
export default {
  name: "BaseView",
}
</script>

<style scoped>

</style>
